<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> -->
    <title>常熟顺杰国际货运代理有限公司</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>

    <script src="publicJS/publicJS.js" type="text/javascript"></script>
    <!--    /*设置文本框，拉下字体*/-->
    <script src="js/admin.js" type="text/javascript"></script>

    <style type="text/css">
        .datagrid-cell,
        .datagrid-cell-group,
        .datagrid-header-rownumber,
        .datagrid-cell-rownumber {
            margin: 0;
            padding: 0 4px;
            white-space: nowrap;
            word-wrap: normal;
            overflow: hidden;
            height: 40px;
            line-height: 30px;
            font-weight: normal;
            font-size: 16px;
            /*font-family: SimHei;*/
        }
        .datagrid-header-row,
        .datagrid-row {
            height: 30px;
        }

        #grid .datagrid-header {
            position: absolute;
            visibility: hidden;
        }

        #grid .datagrid-body {
            overflow: hidden;
        }
    </style>

</head>
<body>

    <div style="position: absolute;left:1px;right:1px;top: 1px;height: calc(100% - 80px);width: calc(100% - 2px);">
        <table id="grid"> </table>
    </div>

    <div style="position: absolute;left:1px;right:1px; bottom: 5px;height:70px;width: calc(100% - 2px);float: left;">
        <div style="width: 49%;height:100%;float: left;padding-right: 2%">
            <button class="ant-btn ant-btn-red ant-btn_south bottom_btn" onclick="openwin_QRcode()">查看二维码</button>
        </div>
        <div style="width: 49%;height:100%;float: left;">
            <button class="ant-btn ant-btn-red ant-btn_south bottom_btn" onclick="openwin_detail()">查看明细</button>
        </div>
    </div>

<!--    查看 明细-->
    <div id="win_detail">
        <div style=" position: absolute;height: calc(100% - 110px);width: 99%;top: 30px;left: 10px;border: 0px solid #0E2D5F;">
            <table id="grid_detail"></table>
        </div>
        <div style=" position: absolute;height: 70px;width: 99%;top: calc(100% - 75px);left: 10px;border: 0px solid #0E2D5F;">
            <button class="ant-btn ant-btn-red ant-btn_south winsehao_btn_bot" onclick="deleteUser()">删除选中</button>
            <button class="ant-btn ant-btn-red ant-btn_south winsehao_btn_bot" onclick="$('#win_detail').window('close');">退出</button>
        </div>
    </div>

<!--   查看 二维码-->
    <div id="win_QRcode">
        <div style=" position: absolute;height: calc(100% - 90px);width: 99%;top: 30px;border: 0px solid red;">
            <div style="border:0px solid red;width:100%;height:60px;text-align:center;line-height:40px;margin:0 auto;">
<!--                <label class="lab01" >染&nbsp;&nbsp;&nbsp;&nbsp;厂：</label>-->
                <input class="text01" id="sid" type="text" readonly unselectable="on" style="" >
            </div>
<br>
            <div style="border:0px solid red;width:320px;height:320px;text-align:center;line-height:40px;margin:0 auto;">
                <img id="ewm" height="300px" width="300px">
            </div>

        </div>
        <div style=" position: absolute;height: 40px;width: 99%;top: calc(100% - 50px);border: 0px solid #0E2D5F;">
            <button class="ant-btn ant-btn-red ant-btn_south winA_QRbtn" onclick="$('#win_QRcode').window('close');">退出</button>
        </div>
    </div>

</body>

<style type="text/css">

    .ant-btn {
        font-family: SimHei;
        line-height: 1.499;
        position: relative;
        display: inline-block;
        font-weight: 400;
        white-space: nowrap;
        text-align: center;
        background-image: none;
        /*border: 1px solid transparent;*/
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
        box-shadow: 0 2px 0 rgba(0,0,0,0.015);
        cursor: pointer;
        -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        height: 100%;
        width: 100%;
        padding: 0 15px;
        font-size: 36px;
        border-radius: 20px;
        color: rgba(0,0,0,0.65);
        background-color: #fff;
        border-color: #d9d9d9;
        margin-left: 2%;

    }

    .ant-btn-red {
        outline:none;
        color: #000000;
        /*background-color: #FFDEAD;*/
        /*border-color: #FFDEAD;*/
        text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
        box-shadow: 0 2px 0 rgba(0,0,0,0.045);
    }

    .ant-btn-red {
        border-radius: 10px;
        margin-left: 2%;
        font-size: 24px;
    }


    /*底部按钮*/
    .bottom_btn{background-color: #FF8C00;border-color: #FF8C00;}
    .bottom_btn_xh{background-color: #FF0000;border-color: #FF0000;}
    .saoma{background-color: #FFDEAD;border-color: #FFDEAD;}
    .winA_btn{background-color: #f0ad4e;border-color: #f0ad4e;}
    .winLL_btn{background-color: #f0ad4e;border-color: #f0ad4e;}
    .winsehao_btn_bot{background-color: #FFF8DC;border-color: #FFF8DC;width: 45%;margin-left: 3%;padding-left: 15px;}
    .winA_QRbtn{background-color: #FFDEAD;border-color: #FFDEAD;width: 100%;margin-left: 0%;}

    .lab01 {
        float: left;
        text-align:right;
        height: 95%;
        width: 35%;
        font-size: 16px;
        line-height:50px;
        border-inline-width:50px;
        /*border: 1px solid #0c7cd5;*/
        overflow:hidden;   /*超出宽度不显示文字*/
    }
    .text01{
        outline:none;
        float:left;
        height: 95%;
        width: 100%;
        line-height:50px;
        font-size: 26px;
        text-align:center;
        padding-top:15px;
        padding-bottom:1px;
        border: 1px;
        color: #005de6;
        border-bottom:1px solid #000000;
    }

    /*.lab01{float: left;text-align:right;height: 100%;width: 20%}*/

</style>

</html>